<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:ace="http://www.icefaces.org/icefaces/components"
    xmlns:ice="http://www.icesoft.com/icefaces/component"
    xmlns:icecore="http://www.icefaces.org/icefaces/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:b="http://java.sun.com/jsf/composite/ezcomp"
    template="/resources/templates/template.xhtml">
    
    <ui:define name="title">TallerStudio</ui:define>
   
    <ui:define name="body">
        <h:form id="formBody">
            
             <style type="text/css">
                /* Important required because row */
                .ui-datatable-odd {background-color:lightgray !important;}
            </style>
<!--           <ace:dataTable id="provTableId"
                          value="#{proveMBean.listProveedores}"
                          var="item"
                          paginator="true"
                          rows="10"
                          paginatorPosition="bottom"
                          emptyMessage="NO ESPECIFICADO"
                          rowIndexVar="index">
               <ace:column id="rut" headerText="Codigo" filterBy="#{item.rutProv}" filterMatchMode="contains" sortBy="#{item.idProv}">
                    <h:outputText id="idProvID" value="#{item.rutProv}"/>
                </ace:column>
               <ace:column id="nombre" headerText="Nombre Proveedor" filterBy="#{item.nomProv}" filterMatchMode="contains" sortBy="#{item.nomProv}">
                     <h:outputText id="nombreID" value="#{item.nomProv}"/>
                </ace:column>
                <ace:column id="direccion" headerText="Direccion" filterBy="#{item.direcProv}" filterMatchMode="contains" sortBy="#{item.direcProv}">
                        <h:outputText id="direID" value="#{item.direcProv}"/>
                </ace:column>
               <ace:column id="fonos" headerText="Fonos" filterBy="#{item.fono}" filterMatchMode="contains" sortBy="#{item.fono}">
                   <h:outputText id="fonosID" value="#{item.fono} / #{item.fono2}"/>
                </ace:column>
               <ace:column id="mail" headerText="Mail"  filterBy="#{item.email}" filterMatchMode="contains" sortBy="#{item.email}">
                        <h:outputText id="mailID" value="#{item.email}"/>
                </ace:column>
               <ace:column id="webSite" headerText="WebSite" filterBy="#{item.webSite}" filterMatchMode="contains">
                        <h:outputText id="website" value="#{item.webSite}"/>
                </ace:column>
                <ace:column id="accion" headerText="Acciones">
                        <h:commandButton action="#{proveMBean.irEditar}" image="resources/images/edit.gif" title="Editar">
                                <f:param name="codigo" value="#{item.idProv}"/>
                                <f:param name="index" value="#{index}"/>
                        </h:commandButton>
                        <h:commandButton action="#{proveMBean.delete}" image="resources/images/delete.gif" title="Eliminar">
                                <f:param name ="codigo" value="#{item.idProv}"/>
                        </h:commandButton>
                </ace:column>
            </ace:dataTable>-->
            <div id="contenidoBotonesId" class="contenidoBotones">
<!--                <ace:dataExporter id="dataExporter" styleClass="flotarIzquierda" label="Exportar Excel" type="xls" target="provTableId" fileName="Tabla de Proveedores"/>
                <b:boton value="Crear Nuevo" title="Crear Nuevo Cliente" styleClass="flotarDerecha" action="#{proveMBean.irCrear}"/>-->
            </div>
         </h:form>
    </ui:define>
</ui:composition>